<template>
<view class="cu-list menu bg-white">
  <template v-for="(item, index) in questionList">
    <view class="cu-item" :key="`q_${index}`" @tap="toggleCell(index)">
      <view class="content padding-tb">
        {{index + 1}}.{{item.q}}
        <view class="text-gray margin-top-sm" :key="`a_${index}`" v-if="curIndex === index">
          答: {{item.a}}
        </view>
      </view>
      <view class="action margin-left">
        <text class="text-black text-sm" :class="curIndex === index ? 'cuIcon-unfold' : 'cuIcon-fold'"></text>
      </view>
    </view>
  </template>
</view>
</template>

<script>
export default {
  name: 'question', // 常见问题
  data () {
    return {
      curIndex: 0,
      questionList: [
        {
          id: 1,
          q: '申请提现需要哪些步骤?',
          a: '累计收益达到100元及以上可提现累计收益达到100元及以上可提现'
        },
        {
          id: 2,
          q: '额度和期限是多少?',
          a: '累计收益达到100元及以上可提现累计收益达到100元及以上可提现'
        },
        {
          id: 3,
          q: '为什么我的借款申请不通过?',
          a: '累计收益达到100元及以上可提现累计收益达到100元及以上可提现'
        },
        {
          id: 4,
          q: '放款失败怎么办?',
          a: '累计收益达到100元及以上可提现累计收益达到100元及以上可提现'
        },
        {
          id: 5,
          q: '注册或者借款时,进行手机验证, 收不到短信怎么办?',
          a: '累计收益达到100元及以上可提现累计收益达到100元及以上可提现'
        },
        {
          id: 6,
          q: '申请提交后, 我如何查看借款是否到账?',
          a: '累计收益达到100元及以上可提现累计收益达到100元及以上可提现'
        },
        {
          id: 7,
          q: '借款和信用记录有关系吗?',
          a: '累计收益达到100元及以上可提现累计收益达到100元及以上可提现'
        }
      ]
    }
  },
  onLoad() {
    this.$api.getQAndA()
  },
  methods: {
    toggleCell(index) {
      this.curIndex = index
    }
  }
}
</script>

<style lang="less">
</style>
